@charset "utf-8";

/* reset */
body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select { margin:0; padding:0; color: #000；}
em { font-style:normal; }
li { list-style:none; overflow:hidden;vertical-align:middle;}/*解决ie67下li自带的margin-bottom*/
a { text-decoration:none; }
img { border:none; vertical-align:top; }
table { border-collapse:collapse; }
input,textarea { outline:none; border:none;}
textarea { resize:none; overflow:auto; }
body { font-size:12px; font-family:"微软雅黑"; }
/* end reset */

/* public */
/* 清浮动 */
.clear{zoom:1;}
.clear:after{content: "";display: block;clear: both;}

/* 左浮动 */
.fl{float: left;}

/* 右浮动 */
.fr{float: right;}

/* 圆角+红色边框  此圆角采用css3的属性，不兼容，要兼容可以切图*/
.circle-red{border:#c40d0e 1px solid; border-radius:6px;}
/* 圆角+灰色边框  此圆角采用css3的属性，不兼容，要兼容可以切图*/
.circle-grey{border:#E5E5E5 1px solid; border-radius:6px;}

.trangle-up,.trangle-down-red,.trangle-down-grey{width: 0px;height: 0px;overflow: hidden;/* 解决ie6兼容性，因为ie6最小单位是9px; */border-right: 4px solid transparent;border-left: 4px solid transparent;position: absolute;}
/* 向上的三角 */
.trangle-up{border-bottom: 4px solid #CA0309;}
/* 向下的红色三角 */
.trangle-down-red{border-top: 4px solid #CA0309;}
/* 向下的灰色三角 */
.trangle-down-grey{border-top: 4px solid #C1C1C1;}

/* 渐变色 */
.grad {
  background: -webkit-linear-gradient(top,#FFFFFF, #F8F8F8); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(top,#FFFFFF, #F8F8F8); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(top,#FFFFFF, #F8F8F8); /* Firefox 3.6 - 15 */
  background: linear-gradient(top,#FFFFFF, #F8F8F8); /* 标准的语法 */
} 

.grad2 {
  background: -webkit-linear-gradient(top,#f7f7f6, #FFFFFF); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(top,#f7f7f6, #FFFFFF); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(top,#f7f7f6, #FFFFFF); /* Firefox 3.6 - 15 */
  background: linear-gradient(top,#f7f7f6, #FFFFFF); /* 标准的语法 */
}
/* end public */

/* layout */
#header,#nav,.content,.footer,.main,.slid{overflow: hidden;position: relative;}
#header,.content{width:960px;margin: 0px auto;}
#search,.footer{width: 958px;margin: 0px auto 10px auto;}

#header{height: 30px;border-radius:0px 0px 6px 6px;}
#nav{width:938px;height: 67px;padding: 10px 11px 23px 11px;margin: 0px auto;}
#search{height: 114px;position: relative;}
.content{}
	.main{width: 710px;}
		.mainwrap,.mian_ad{margin-bottom: 10px;}
		.mainwrap{overflow: hidden;width: 710px;}
		.mianbody{width: 318px;padding: 0px 15px;overflow: hidden;}
		.option{width: 350px;position: relative;}
		.mian_ad{width: 708px;height: 88px;overflow: hidden;}

	.slid{width: 240px;}
		#login,.slid_ad1,.slid_ad2,.slid_con{margin-bottom: 10px;}
		#login,.slid_ad1,.slid_ad2{overflow: hidden;}
		.slid_ad1{width: 238px;height: 88px;}
		.slid_ad2{width: 240px;height: 180px;border-radius: 6px;}
		.slid_ad1 img,.slid_ad2 img{display: block;}
		.slid_con{padding: 0px 11px;}
.footer{height: 62px;}
/* end  layout */

/*header*/
	#header{color: #666666;}
		.city{margin-left: 20px;line-height: 18px;padding-top: 5px;}
		.city a{display: inline-block;padding: 0 7px;height: 18px;text-align: center;margin-right: 2px;line-height:18px;color: #999999;background: #fff;box-shadow:1px 1px 0 #ededed;}
		.city a:hover { background:#f1f1f1; }
		.city .active,#city .active:hover{color: #d60d03;background:#fff;}

		.operate{margin-right: 23px;word-spacing:4px;}
			.operate span{color: #d5d5d5;}
			.operate a{line-height: 30px;padding-left: 21px;color:#666666;background:url(../img/header_icon.png) no-repeat;}
			.operate  .join{ background-position:0px 3px;margin-right: 8px;}
			.operate  .manage{background-position:0px -20px;margin-left: 8px;}
/*end header*/